<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>AICM</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-cache"/> 
	<meta http-equiv="Cache-Control" content="max-age=0"/>
	<meta name="HandheldFriendly" content="true" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/swiper-3.3.1.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/uikit.min.css" rel="stylesheet" type="text/css" />
    <link href="css/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
	<link href="css/common.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/uikit.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/bootstrap.js"></script>
    <script language="javascript" type="text/javascript" src="js/common.js"></script>
    <script language="javascript" type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
</head>

<body>

<!-- 头部开始 -->
<div class="top">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="phone">
					<i class="iconfont icon-dianhua"></i><span>+86 - 800 - 8888 - 8888</span>
				</div>
				<div class="head_right_box">
					<div class="head_input_box">
						<input type="text" placeholder="Search" />
						<i class="iconfont icon-icon_search"></i>
					</div>
					<div class="head_input_box cur">Chinese</div>
					<div class="head_input_box cur"><i class="iconfont icon-denglu"></i>Login</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="head">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" /></a>
				<ul class="nav">
					<li>Home</li>
					<li data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
						News<i class="iconfont icon-weibiaoti1"></i>
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" data-filtered="filtered" style="top: 40px; left: 0px;">
                            <ul class="uk-nav uk-nav-navbar" data-filtered="filtered">
                                <li data-filtered="filtered"><a href="#">Item</a></li>
                                <li data-filtered="filtered"><a href="#">Another item</a></li>
                                <li class="uk-nav-header" data-filtered="filtered">Header</li>
                                <li data-filtered="filtered"><a href="#">Item</a></li>
                                <li data-filtered="filtered"><a href="#">Another item</a></li>
                                <li class="uk-nav-divider" data-filtered="filtered"></li>
                                <li data-filtered="filtered"><a href="#">Separated item</a></li>
                            </ul>
                        </div>
					</li>
					<li>Activities<i class="iconfont icon-weibiaoti1"></i></li>
					<li>Download Center<i class="iconfont icon-weibiaoti1"></i></li>
					<li>About AICM<i class="iconfont icon-weibiaoti1"></i></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 头部结束 -->

<!-- 手机头部开始 -->
<div class="head_m">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" width="35%" /></a>
				<div class="head_m_nav_box">
					<i class="iconfont icon-denglu"></i>
					<i class="iconfont icon-icon_search"></i>
					<i class="iconfont icon-dianhua1"></i>
					<button class="mobile_nav" data-uk-offcanvas="{target:'#my-id'}"></button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 手机头部结束 -->

<!-- 抽屉式边栏开始 -->
<div id="my-id" class="uk-offcanvas">
    <div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
    	<div class="mobile_searchbox">
    		<input type="text" />
    		<input type="button" />
    	</div>
    	<div class="mobile_navbox">
	    	<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
	            <li><a href="">Home</a></li>
	            <li class="uk-active"><a href="">News</a></li>
	            <li class="uk-parent">
	                <a href="#">Activities</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a>
	                        <ul>
	                            <li><a href="">Sub item</a></li>
	                            <li><a href="">Sub item</a></li>
	                        </ul>
	                    </li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">Criterion</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">Download Center</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">About AICM</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	        </ul>
	 	</div>
    </div>
</div>
<!-- 抽屉式边栏结束 -->

<!-- banner start -->
<img src="images/banner_art.jpg" width="100%" />
<!-- banner end -->

<!-- 正文开始 -->
<div class="content">
	<div class="container">
		<div class="row">
			<div class="log_reg_box chose">
				<h1>选择关注点：</h1>
				<div class="logreg_input_box">
					<p>
						<label class="all"><input type="checkbox" />委员会A：</label><br>
						<span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
					</p>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
				</div>
				<div class="logreg_input_box">
					<p>
						<label class="all"><input type="checkbox" />委员会B：</label><br>
						<span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
					</p>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
				</div>
				<div class="logreg_input_box">
					<p>
						<label class="all"><input type="checkbox" />委员会C：</label><br>
						<span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
					</p>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
					<label><input type="checkbox" />危险化学品管理</label>
				</div>
                <div class="uk-text-center"><input type="submit" class="submit" value="提交"></div>
			</div>
		</div>
	</div>
</div>
<!-- 正文结束 -->

<script type="text/javascript">
	$('.all').click(function(e){
		if($(this).find("input[type='checkbox']").is(":checked")){
			$(this).parent().parent().find("input[type='checkbox']").prop("checked", false);
		}else{
			$(this).parent().parent().find("input[type='checkbox']").prop("checked", true);
		}
	})
</script>

<!-- footer start -->
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="pc_bottom_nav">
				<div class="col-md-2">
					<div class="footer_nav_title">News</div>
					<ul class="footer_nav_list">
						<li>Industry News</li>
						<li>Policy Focus</li>
						<li>Videos</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Activities</div>
					<ul class="footer_nav_list">
						<li>Upcoming Events</li>
						<li>Events Review</li>
						<li>Major Events</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Download Center</div>
					<ul class="footer_nav_list">
						<li>Newsletter</li>
						<li>Download Center</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">About AICM</div>
					<ul class="footer_nav_list">
						<li>Introduction</li>
						<li>Message form Board</li>
						<li>AICM Committee</li>
						<li>AICM Members</li>
						<li>AICM Bylaws</li>
						<li>About Responsible Care</li>
						<li>Contact Us</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Members</div>
					<ul class="footer_nav_list">
						<li>Login</li>
						<li>Profile</li>
						<li>Monthly Members</li>
						<li>Activities</li>
						<li>Notice</li>
						<li>Download</li>
						<li>Document</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">FOLLOW US</div>
					<ul class="footer_nav_list">
						<li style="margin-bottom: 10px;"><img src="images/share_icon.jpg" /></li>
						<li><img src="images/qrcode_img.jpg" /></li>
					</ul>
				</div>
			</div>
			<div class="bottom_logos_box">
				<img src="images/bottom_logos.png" />
				<p>Copyright  2014 Association of International Chemical Manufacturers(AICM),All Rights Reserved</p>
			</div>
		</div>
	</div>
</div>
<!-- footer start -->
</body>
</html>
